import React from "react";

const TextAreafField = ({ name, placeholder, value, type, info, onChange }) => {
  return (
    <div className="form-group">
      <textarea
        className="form-control form-control-lg"
        placeholder={placeholder}
        name={name}
        value={value}
        onChange={onChange}
        info={info}
        required
      />
      {info && <small className="form-text text-muted">{info}</small>}
    </div>
  );
};

export default TextAreafField;
